<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
    <title>光是遇见，就很美好</title>
    <!-- Bootstrap -->
	<link href="css/bootstrap-4.0.0.css" rel="stylesheet">
	<style type="text/css">
	body {
	background-image: url(./image/QQ%E5%9B%BE%E7%89%8720221125162108.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left;
	background-attachment: fixed;
}
		ul,
		li {
			list-style: none;
			padding: 0;
			margin: 0;
		}
		a {
			display: block;
			background-color: 68, 89, 150;
			color: #000;
			text-decoration: none;
			font-family: "微软雅黑"
		}
		a:hover {
			background-color: #7A5FA2;
		}
		.header{
			width: 100%;
			height:80px;
			
		}
		.container{
			width: 1200px;
			height:80px;
			
			background: rgba(66,82,141,0.8);
		}
		.nav {
			display: flex;
			justify-content: space-between;
			
		}
		.nav>li {
			height: 80px;
			line-height: 80px;
			padding: 0 15px;
			font-size: 30px;
			
		}
		
		.biaoti {
			width: 300px;
			height: 147px;
			border-top-color: #30285C;
			border-top-width: 10px;
			border-top-style: solid;
			margin: auto;
			line-height: 147px;
			text-align: center;
			font-family: "微软雅黑";
			font-size: 80px;
			margin-top: 100px;
			}
		.jieshao {
			width: 80%;
			height:auto;
			margin: auto;
			line-height: 30px;
			text-align: center;
			font-family: "微软雅黑";
			font-size: 20px;
			margin-bottom: 80px;
		}
		.xiaobiaoti{
			width: 150px;
			height: 70px;
			border-top-color: #30285C;
			border-top-width: 5px;
			border-top-style: solid;
			margin: auto;
			line-height: 80px;
			text-align: center;
			font-family: "微软雅黑";
			font-size: 30px;
		}	
		.a{
            position: relative;
            perspective: 1600px;
            top: 300px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .b{
            width: 400px;
            height: 250px;
            position: absolute;
            transform-style: preserve-3d;
            animation: a 8s infinite cubic-bezier(.7,0,.17,1);
        }
        .b div{
            position: absolute;
            background-size: cover;
            opacity: .9;
            width: 400px;
            height: 250px;
            transform: rotateY(calc(var(--i)*120deg)) translateZ(600px);
        }
        @keyframes a{
            0%{
                transform: translateZ(-100px) rotateY(0);
            }
            33%{
                transform: translateZ(-100px) rotateY(-120deg);
            }
            66%{
                transform: translateZ(-100px) rotateY(-240deg);
            }
            100%{
                transform: translateZ(-100px) rotateY(-360deg);
            }
        }
        .c{
            background-image: url(./image/QQ图片20221123213129.jpg)
        }
        .d{
            background-image: url(./image/QQ图片20221123213213.jpg);
        }
        .e{
            background-image: url(./image/QQ图片20221123213145.png);
        }
		p {
			line-height: 50px;
		}
		
    </style>
  </head>
  <body>
  	<!-- body code goes here -->


	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
	<script src="js/jquery-3.2.1.min.js"></script>

	<!-- Include all compiled plugins (below), or include individual files as needed -->
	<script src="js/popper.min.js"></script> 
	<script src="js/bootstrap-4.0.0.js"></script>
	<div class="header">
	  <ul class="container nav">
		  <li><a href="index.html">首页</a></li>
		  <li><a href="./web/游戏主创.html">游戏主创</a></li>
		  <li><a href="./web/角色设定.html">角色设定</a></li>
		  <li><a href="./web/场景地图.html">场景地图</a></li>
		  <li><a href="./web/游戏感受.html">游戏感受</a></li>
		  <li><a href="./web/联系我们.html">联系我们</a></li>
		 
		</ul>
	  </div>
	<div class="biaoti">
	  光·遇
	  </div>
	<div class="jieshao">
		<p>《光·遇》是由游戏制作人陈星汉及其团队Thatgamecompany开发的社交冒险游戏，国内由网易游戏代理运营。该作于2019年6月21日在App Store发行 ，2020年7月9日在安卓平台正式上线，2021年6月登陆Switch。
			在游戏中，玩家将化身“光之后裔”，承载着先祖的意志，与好友携手，在天空王国的奇妙大陆上，展开一场充满奇遇的冒险。</p></div>
		<div class="xiaobiaoti">
			世界观
		</div>
		<div class="jieshao">
		<p>
		在一座失落的云中王国，有一群光之子民居住于此，光明与黑暗在王国中和谐共存着。然而渐渐地，光与暗的平衡发生了倾斜，王国也因此没落。只流传下来这样的一条预言：“在不久的未来会有一群孩子归来，把光明带回这个国度”
		</p>
	    </div>
	  <div class="xiaobiaoti">
			游戏剧情
		</div>
	<div class="jieshao">
		<p>
		故事始于一片朦胧的晨光中。在晨岛迎来初生的光之后裔，宛如懵懂的孩童，跌跌撞撞地踏上了冒险的旅程。漫步在春意盎然的云野，穿越潮湿繁茂的雨林，在绚丽霞谷开启冰上竞速，于阴冷的暮土对抗冥龙，在禁阁探寻王国失落的真相……旅人们一步步肩负起将光明带回天空王国的使命，来到最后一扇石门前，准备迎接暴风眼的挑战。<br/>
通过暴风眼的途中，狂风裹挟着巨石直面吹来，旅人们在艰难前行的同时需躲避头顶盘旋的冥龙。在远处最亮的星光指引下，旅人们抵达一处狭长窄小的隧道，两侧的石像灯台与散落在地的光之翼，仿佛预示着尽头一端的极度危险。<br/>
穿越隧道，旅人们终于进入了《光·遇》之旅的最终考验——伊甸之眼。大量的红晶石和碎石伴随着飓风铺天盖地的砸向地面，污水里匍匐着许多被困住的灵魂，他们曾经为了光明与黑暗对抗直至最后一刻。天空王国失落后，灵魂停留在这里无数个年月，等待着光之后裔们的到来。旅人需要奉献出自己的光之翼，才能拯救他们。
暴风骤雨之下，面对被困住的灵魂，旅人们又将做出怎样的选择？是保留自己的光之翼，还是拯救被困的灵魂？<br/>
勇于献出光之翼的旅人，将在狂风巨石中逆风前行，将失落的灵魂之光送回天际。所有的光之翼已经全部送出，旅人的心火一点点黯淡下来，一路风尘也使得旅人的步伐愈来愈沉重，疲惫的身躯无法再苦苦支撑，一步步落入黑暗之中。<br/>
长久的黑暗逝去，光之后裔最终在心境醒来。与最初的自己相拥后，旅人迸发出自身最耀眼的光芒，在先祖和白鸟的指引下前往星河。重生的旅途中，玩家将与曾经并肩同行的好友以灵魂的方式重聚，汇聚成为天际的星光；那些曾被旅人解救的灵魂，也将于旅途的终点等待着你，向你告别。
抵达尽头之后，旅人们又该走向何方？在《光·遇》世界中，旅途的终点，也是下一次旅程的起点。旅人将化作一抹流星，再次开启真正的旅程。而万般故事，才刚刚开始......
		</p>
	    </div>
	 <div class="a">
        <div class="b">
            <div class="c" style="--i:0"></div>
            <div class="d" style="--i:1"></div>
            <div class="e" style="--i:2"></div>
        </div>
    </div>
	<div class="jieshao">
	  <a href="https://sky.163.com/" target="_blank">点击此处，了解更多</a>
	  </div>  
	  
	  </body>
</html>